@media(max-width:375px) {
    * {
        margin: 0;
        padding: 0;
    }

    .box {
        .box1 {
            .top-box {
                width: 100%;
                margin: auto;

                .top {
                    align-items: center;
                    justify-content: space-between;
                    left: 30px;
                    top: 0;

                    .t-left {
                        margin-right: 20px;

                        img {
                            width: 140px;
                            height: 30px;
                        }
                    }

                    .t-middle {
                        .middele1 {
                            display: block;
                        }

                        img {
                            width: 25px;
                            height: 25px;
                            margin-left: 120px;
                        }

                        ul {
                            // display: none;
                            position: absolute;
                            left: 220px;
                            display: block;
                            float: right;

                            li {
                                width: 100px;
                                height: 40px;

                                text-align: center;
                                background-color: #c90000;
                                border: 1px solid #000;

                                a {
                                    color: #fff;
                                }
                            }
                        }
                    }

                    .t-right {
                        display: none;
                    }
                }
            }

            // 新闻公告
            .News {
                .n-box {
                    .n-title {

                        div:nth-child(1) {
                            left: 10%;
                        }

                        .bian {
                            display: none;
                        }
                    }

                    .n-middle {
                        display: block;

                        .n-m-left {
                            width: 100%;
                            height: 200px;
                        }

                        .n-m-right {
                            width: 100%;

                            .n-m-title {
                                font-size: 15px;
                                word-spacing: 0px;
                            }

                            .n-m-b {
                                .n-m-text {
                                    font-size: 10px;
                                }
                            }

                            .n-m-bottom {
                                .n-m-b-text {
                                    font-size: 10px;
                                }
                            }

                            .n-m-b-bottom {
                                margin-top: 20px;
                            }
                        }
                    }

                    .n-bottom {
                        display: block;

                        .n-b-para {
                            width: 100%;
                            margin: 10px 0;
                        }
                    }

                    .more {
                        img {
                            width: 5%;
                        }
                    }
                }
            }

            // 引领
            .lead {
                margin-top: -30px;

                .l-box {
                    width: 90%;
                    margin: auto;

                    .l-title {
                        div:nth-child(1) {
                            left: 10%;
                        }

                        div:nth-child(2) {
                            display: none;
                        }
                    }

                    .l-middle {
                        display: block;

                        .l-m-para {
                            width: 100%;

                            .m-content {
                                width: 90%;
                                padding: 20px;
                            }
                        }
                    }

                    .more {
                        img {
                            width: 5%;
                        }
                    }
                }
            }

            // 教研动态
            .Research {
                .r-box {
                    width: 90%;
                    margin: auto;

                    .r-title {
                        div:nth-child(1) {
                            left: 10%;
                        }

                        div:nth-child(2) {
                            display: none;
                        }
                    }

                    .r-content {
                        display: block;

                        .r-c-left {
                            width: 100%;

                            img {
                                width: 100%;
                            }

                            .r-c-l-text {
                                bottom: 5px;
                            }
                        }

                        .r-c-right {
                            width: 100%;
                        }
                    }

                    .more {
                        img {
                            width: 5%;
                        }
                    }
                }
            }

            // 社会服务
            .serve {
                .serve-box {
                    width: 90%;
                    margin: auto;

                    .s-title {
                        div:nth-child(1) {
                            left: 10%;
                        }

                        div:nth-child(2) {
                            display: none;
                        }
                    }

                    .s-content {
                        display: block;

                        .s-c-left {
                            width: 100%;

                            .img {
                                img {
                                    height: 200px;
                                }
                            }

                            .s-c-l-para {
                                div {
                                    font-size: 10px;
                                }
                            }
                        }

                        .s-c-right {
                            width: 100%;
                            margin-top: 20px;

                            .s-c-r-t {
                                height: 100px;
                                line-height: 100px;
                                text-align: center;

                                img {
                                    width: 20%;
                                    height: 60px;
                                }
                            }

                            .s-c-r-b {
                                height: 100px;
                                line-height: 100px;
                                text-align: center;

                                img {
                                    width: 20%;
                                    height: 50px;
                                }
                            }
                        }
                    }

                    .more {
                        img {
                            width: 5%;
                        }
                    }
                }
            }

            // 主题活动
            .box4 {
                height: 550px;
                margin-top: 20px;
                padding-top: 20px;
                position: relative;
                background-color: #f8e5e6;
            }

            .box4 .box4title {
                text-align: center;
                padding-top: 20px;
                position: relative;
                margin-bottom: 60px;
            }

            .box4 .box4title .box4title1 {
                display: none;
                background: linear-gradient(to bottom, rgb(207, 206, 206), rgb(255, 255, 255));
                /* 设置背景以文字进行裁切 */
                background-clip: text;
                -webkit-background-clip: text;
                /* 设置文本颜色透明以露出后面裁切成文本形状的渐变背景 */
                color: transparent;
                font-size: 20px;
                font-weight: bold;
            }

            .box4 .box4title .box4title2 {
                text-align: left;
                color: #c90000;
                font-weight: bold;
                font-size: 16px;
                position: absolute;
                left: 5%;
                top: 18%;
            }

            .box4 .box4center {
                width: 90%;
                margin: auto;
                height: 380px;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
            }

            .box4 .box4center .box4center1 {
                width: 49%;
                height: 200px;
                border-radius: 5%;
                margin-bottom: 10px;
                overflow: hidden;
            }

            .box4center1-1font {
                margin-left: -50px;
                font-size: 10px;
            }

            .box4 .box4center .box4center1:hover {
                margin-top: -30px;
            }

            .box4 .box4center .box4center1:hover .box4center1-1 .box4center1-1font {
                width: 100%;
                height: 110px;
                text-align: center;
                margin-left: 0px;
                background-color: rgba(168, 197, 226, 0.6);
            }

            .box4 .box4center .box4center1 .box4center1-1 {
                position: relative;
            }

            .box4 .box4center .box4center1 .box4center1-1 img {
                width: 100%;
            }

            .box4 .box4center .box4center1 .box4center1-1 .box4center1-1font {
                position: absolute;
                top: 0;
                width: 250px;
                height: 131px;
                text-align: center;
                color: #fff;
                font-size: 15px;
                padding-top: 30px;
                padding-left: 0px;
            }

            .box4 .box4center .box4center1 .box4center1-2 {
                background-color: #fff;
                text-align: center;
                padding: 20px 20px 40px;
                font-size: 10px;
            }

            .box4 .box4bottom {
                text-align: center;
                margin: 50px 0 30px;
                color: #c1bfbf;
            }

            .box4 .box4bottom img {
                width: 15px;
                height: 15px;
                -moz-transform: rotate(-180deg);
                -webkit-transform: rotate(-180deg);
            }

            .box4-d {
                width: 100%;
                height: 40px;
                line-height: 20px;
                align-items: center;
                margin-top: 50px;
                margin-bottom: 150px;
                text-align: center;
                color: silver;
                display: block;
            }

            .newws-d {
                display: none;
            }

            .box4-d img {
                width: 5%;
                height: 20px;
                padding-top: -30px;
                transform: rotate(180deg);
            }

            .box4-d img:hover {
                width: 1%;
                filter: drop-shadow(0 0 0 red);
                transform: rotate(180deg);
            }

            // 马院风采
            .mien {
                width: 100%;
                margin: auto;

                .m-title {
                    div:nth-child(1) {
                        left: 10%;
                    }

                    div:nth-child(2) {
                        display: none;
                    }
                }

                .box5center {
                    .swiper {
                        display: none;
                    }

                    .mien-img {
                        display: block;

                        .i-top {
                            margin: 10px;

                            img {
                                width: 48%;
                                height: 100px;
                            }
                        }

                        .i-bottom {
                            margin: 10px;

                            img {
                                width: 48%;
                                height: 100px;
                            }
                        }
                    }

                    .more {
                        display: block;
                        width: 100%;
                        height: 20px;
                        line-height: 20px;
                        margin-top: 30px;
                        margin-bottom: 50px;
                        text-align: center;
                        color: silver;

                        img {
                            width: 5%;
                            transform: rotate(180deg);
                        }
                    }
                }

                .mein-bottom {
                    display: none;
                }
            }

            // 底部
            .bottom {
                .bottom-box {
                    .bottom-content {
                        display: block;
                        .bottom-left{
                            width: 100%;
                            margin: auto;
                            img{
                                width: 80%;
                            }
                        }
                        .bottom-middle{
                            width: 100%;
                            margin: auto;
                            display: block;
                            text-align: center;
                            .b-m-left{
                                margin: 5px 0;
                            }
                            .b-m-right{
                                margin: 5px 0;
                            }
                        }
                        .bottom-b-right{
                            margin-top: 10px;
                            width: 100%;
                            text-align: center;
                            img {
                                width: 25%;
                                height: 80px;
                            }
                        }
                    }
                }
            }
        }
    }
}